<!doctype html>
<html lang="en" data-bs-theme="dark">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="author" content="https://github.com/gitbrent">
	<meta name="website" content="https://github.com/gitbrent/PptxGenJS/">
	<meta name="version" content="4.0.1">
	<meta name="updated" content="2025-06-25">
	<link rel="icon" href="images/favicon-32x32.png" sizes="32x32" type="image/png">
	<link rel="icon" href="images/favicon-16x16.png" sizes="16x16" type="image/png">
	<link rel="icon" href="images/favicon.png">
	<title>PptxGenJS | Interactive Feature Demos</title>
	<!-- bootstrap -->
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css" rel="stylesheet"
		integrity="sha384-SgOJa3DmI69IUzQ2PVdRZhwQ+dy64/BUtbMJw1MZ8t5HZApcHrRKUc4W0kG879m7" crossorigin="anonymous">
	<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
		crossorigin="anonymous"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/js/bootstrap.min.js" integrity="sha384-VQqxDN0EQCkWoxt/0vsQvZswzTHUVOImccYmSyhJTp7kGtPed0Qcx8rK9h9YEgx+"
		crossorigin="anonymous"></script>
	<!-- bootstrap -->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/themes/prism-okaidia.min.css"
		integrity="sha512-mIs9kKbaw6JZFfSuo+MovjU+Ntggfoj8RwAmJbVXQ5mkAX5LlgETQEweFPI18humSPHymTb5iikEOKWF7I8ncQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
	<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/prism.min.js"
		integrity="sha512-axJX7DJduStuBB8ePC8ryGzacZPr3rdLaIDZitiEgWWk2gsXxEFlm4UW0iNzj2h3wp5mOylgHAzBzM4nRSvTZA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
	<!-- local styles -->
	<link rel="stylesheet" href="./css/style.css">
	<!-- RELEASE (CDN)
	-->
	<script src="https://cdn.jsdelivr.net/gh/gitbrent/pptxgenjs@latest/dist/pptxgen.bundle.js"></script>
	<script src="https://cdn.jsdelivr.net/gh/gitbrent/pptxgenjs@latest/demos/modules/demos.mjs" type="module"></script>
	<!--
	TODO: [only used during `-beta` dev cycles; update to below on release]
	<script src="https://cdn.jsdelivr.net/gh/gitbrent/pptxgenjs@master/dist/pptxgen.bundle.js"></script>
	<script src="https://cdn.jsdelivr.net/gh/gitbrent/pptxgenjs@master/demos/common/demo.js type="module""></script>
	-->
	<!-- LOCAL TESTING:
	<script src="../../libs/jszip.min.js"></script>
	<script src="../../dist/pptxgen.min.js"></script>
	<script src="../modules/demos.mjs" type="module"></script>
	-->
	<!-- LOCAL TESTING: bundle
	<script src="./js/pptxgen.bundle.js"></script>
	-->
</head>
<body>
	<div id="modalBusy" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered" role="document">
			<div class="modal-content">
				<div class="modal-body">
					<h3>Please Wait...</h3>
					<h6 class="text-info mb-0">Creating and saving presentation</h6>
				</div>
				<div class="modal-footer">
					<div class="progress w-100" style="height:2rem;">
						<div class="progress-bar progress-bar-striped progress-bar-animated w-100" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="navbar"></div>
	<div class="container my-4">
		<div id="header"></div>
		<div id="navtabs"></div>
		<main class="tab-content">
			<div id="tab-intro"></div>
			<div id="tab-html2pptx"></div>
			<div id="tab-charts"></div>
			<div id="tab-images"></div>
			<div id="tab-shapes"></div>
			<div id="tab-tables"></div>
			<div id="tab-masters"></div>
		</main>
	</div>
	<script src="./js/loadSections.js"></script>
	<script type="module" src="../modules/demos.mjs"></script>
	<script type="module" src="./js/main.js"></script>
</body>
</html>
